<template>
   <div id="cesiumContainer" ref="cesiumContainer"></div>
</template>

<script>
import * as Cesium from "cesium";
import "./Widgets/widgets.css";
import { defineComponent,onMounted} from 'vue';
// 设置cesium静态资源路径

Cesium.Ion.defaultAccessToken ="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2YjZkYzg4Zi1lZDk0LTQ5MzAtOWY2ZC1iZTk2M2ZkMDNkNzMiLCJpZCI6MTcxOTQxLCJpYXQiOjE2OTczNzMxMjF9.XTLkB6y-WYULbHv7dSw__dU6Ku8Q_-6lRUuf6YZMMR0";
// 设置cesium默认视角
Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(
  // 西边的经度
  89.5,
  // 南边维度
  20.4,
  // 东边经度
  110.4,
  // 北边维度
  61.2
);
window.CESIUM_BASE_URL = "/";
export default defineComponent({
  name: 'App',
  components: {
    
  },
  setup(){
    onMounted(()=>{
      // cesium viewer查看器
     const viewer = new Cesium.Viewer('cesiumContainer', {
            // 是否显示信息窗口
            infoBox: false,
          })

      const position = Cesium.Cartesian3.fromDegrees(116.393428, 39.90923, 100)
      // viewer.camera.setView({
      //     destination: position, // 相机位置
      //     orientation: {
      //         heading: Cesium.Math.toRadians(50), // 水平旋转  -正北方向
      //         pitch: Cesium.Math.toRadians(-90), // 上下旋转  --俯视朝向
      //         roll: 0 // 视口翻滚角度
      //     } 
      // })
        viewer.camera.flyTo({
          destination: position,
          orientation: {
            heading: Cesium.Math.toRadians(0),
            pitch: Cesium.Math.toRadians(-20),
            roll: 0,
          },
        })

      // 隐藏左下角的logo
      viewer.cesiumWidget.creditContainer.style.display = "none";   
      });


  }
})
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
#cesiumContainer {
  width: 100vw;
  height: 100vh;
}
</style>
